<template>
  <v-progress-linear class="progressLinearClass" :active="loading" :indeterminate="true" color="blue darken-2">
    <v-overlay :value="loading"> </v-overlay>
  </v-progress-linear>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
  // 进度条组件
  name: 'ProgressLinear',

  components: {},

  data() {
    return {
      loading: this.progressLoading
    }
  },

  computed: {
    ...mapGetters(['progressLoading'])
  },

  watch: {
    progressLoading(val) {
      this.loading = val
    }
  },

  created() {},

  mounted() {},

  methods: {}
}
</script>

<style lang="scss" scoped>
.progressLinearClass {
  // 浮动层级
  z-index: 10;
}
</style>
